<!doctype html>
<html lang="en"><head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="../uibuilder/images/node-blue.ico">

    <title>Blank template - Node-RED UIBUILDER</title>
    <meta name="description" content="Node-RED UIBUILDER - Blank template">

    <!-- Your own CSS (defaults to loading uibuilders css)-->
    <link type="text/css" rel="stylesheet" href="./index.css" media="all">

    <!-- #region Supporting Scripts. These MUST be in the right order. Note no leading / -->
    <script defer src="../uibuilder/uibuilder.iife.min.js">/* THE UIBUILDER LIBRARY MUST BE IN THE HTML! DO NOT REMOVE */</script>
    <!-- <script defer src="./index.js">/* OPTIONAL: Put your custom code in that */</script> -->
    <!-- #endregion -->

</head><body>
    
    <h1 class="with-subtitle">Blank Template</h1>
    <div role="doc-subtitle">Using UIBUILDER for Node-RED</div>

    <!-- '#more' is used as a parent for dynamic HTML content in examples
         Also, send {topic:"more", payload:"Hello from <b>Node-RED</b>"} to auto-display the payload -->
    <div id="more" uib-topic="more"></div>

</body></html>
